// 为了便于维护 这个超级大项目 路由守卫抽离出来
import router, { asyncRoutes } from './router'
import store from './store'
// import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ['/login', '/404'] // no redirect whitelist

router.beforeEach(async(to, from, next) => {
  // start progress bar
  NProgress.start()

  // set page title
  document.title = getPageTitle(to.meta.title)

  // determine whether the user has logged in
  const hasToken = getToken()
  if (hasToken) {
    if (to.path === '/login') {
      next('/')
      NProgress.done() // 这里需要手动关闭进度条 没有放行 到不了后置守卫
    } else {
      // 应该这里发请求 调用action => 数据拿到了 放行 => 保证进入之前 获取到了用户信息
      // 第一次获取完用户信息都 就不需要发了 => 如果没有用户信息 发请求 有就不发请求
      if (!store.getters.userId) {
        const res = await store.dispatch('user/getUserInfo')
        // 这里是最早拿到用户信息 根据这里的用户信息menus 去过滤asyncRoutes 得到用户专属的路由规则 再放行
        console.log(asyncRoutes, res.roles.menus, '守卫拿到了信息了')
        // 过滤的标准：建议不用path => 用name => 我们自己加的name需要和后端返回的权限严格统一
        const userRoutes = asyncRoutes.filter(item => {
          if (res.roles.menus.includes(item.name)) {
            return true
          } else {
            return false
          }
        })
        // 调用user模块的mutation 更新routes
        store.commit('user/setRoutes', userRoutes)
        console.log(userRoutes, '用户专属路由规则')
        // 需要将userRoutes添加到当前用户的路由规则中：路由实例.addRoutes（规则数组） 专用于实例化后 又想加规则
        router.addRoutes(
          [
            ...userRoutes,
            { path: '*', redirect: '/404', hidden: true }// 这样才能保证404在最后
          ]
        )
        next(to.path)
        return
        // 坑1：*规则必须在最后
        // 坑2：addRoutes加完路由规则不会立即生效（作者的历史遗留问题）=> next（to.path） 重新进一下当前页面 让规则生效
      }
      next()
    }
  } else {
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
      NProgress.done() // 这里需要手动关闭进度条 没有放行 到不了后置守卫
    }
  }
  // if (hasToken) {
  //   if (to.path === '/login') {
  //     // if is logged in, redirect to the home page
  //     next('/')
  //     NProgress.done()
  //   } else {
  //     const hasGetUserInfo = store.getters.name
  //     if (hasGetUserInfo) {
  //       next()
  //     } else {
  //       try {
  //         // get user info
  //         await store.dispatch('user/getInfo')

  //         next()
  //       } catch (error) {
  //         // remove token and go to login page to re-login
  //         await store.dispatch('user/resetToken')
  //         Message.error(error || 'Has Error')
  //         next(`/login?redirect=${to.path}`)
  //         NProgress.done()
  //       }
  //     }
  //   }
  // } else {
  //   /* has no token*/

  //   if (whiteList.indexOf(to.path) !== -1) {
  //     // in the free login whitelist, go directly
  //     next()
  //   } else {
  //     // other pages that do not have permission to access are redirected to the login page.
  //     next(`/login?redirect=${to.path}`)
  //     NProgress.done()
  //   }
  // }
})

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})
